Progress Tracker using React and local storage is a basic website that lists the tasks that the user has to complete. When the user completes any one of the topics, he/she can tick mark the topic as completed and the progress will be shown to him/her. To store this progress, so that the user can come back later and find the previously made progress, we use local storage in the browser for storing the progress. We also have a progress bar fixed at the top to show the overall progress of individual tasks....
In this article, we will create a Contact Us Form with NextJS. You might think what is NextJS, the answer is it is an open-source web development framework created by the private company Vercel providing React-based web applications with server-side rendering and static website generation. This project uses a combination of NextJS for the web development framework, MongoDB for the database, and Tailwind CSS to style the Contact Us form....
Job Board application using React and Rapidapi JSearch allows users to search, filter and view job listings posted on LinkedIn, Indeed, Glassdoor, ZipRecruiter, BeBee and many others in a single job board. Users can search for jobs by keyword, filter jobs by location or category and see detailed job descriptions when they click on a job listing....
This article guides you through building an engaging Indian tourism app using React, featuring destination exploration, travel experiences, and a visually appealing image carousel. Users can interact with the app and contact through a form, highlighting the beauty of India....
In the realm of mathematics, Spy Numbers, also known as secretive numbers or cryptic numbers, possess a unique property. A spy number is defined as a number whose sum of digits is equal to the product of its digits. In this article, we will explore how to build a Spy Number Checker using HTML, CSS, and JavaScript....
When we want to add functionality for uploading or deleting files, file storage becomes crucial, whether it’s for website or personal use. The File Storage project using Express aims to develop a web application that provides users with a secure and efficient way to store and manage their files online. With Express, we’ll be able to create a user-friendly application that allows you to upload, delete, and display your files hassle-free. Let’s get started on this exciting project!...
Let’s make a Pacman game using React for a fun and nostalgic web experience. We’ll include classic features like the maze, pellets, and ghosts, and learn some cool React stuff along the way. The game will be easy to play with arrow keys, and we’ll add extras like keeping score and power pellets. It’s like bringing the old Pacman joy into today’s browsers with a modern twist! Just click “Start” and enjoy....
Country Information is a web application to get the country’s information using ReactJS. This project basically implements functional components and manages states. The user can insert the country name in the search input field, and after clicking the search button, this application makes an API call to retrieve the specific country information. If the country name is not valid, then it will show an error message. This application is implemented using ReactJS and has a simple and responsive UI....
Stopwatch is an application which helps to track time in hours, minutes, seconds, and milliseconds. This application implements all the basic operations of a stopwatch such as start, pause and reset button. It has an additional feature using which we can keep a record of laps which is useful when we have to note time for certain checkpoints....
In this article, we will create Number Format Converter, that provides various features for users like to conversion between decimal, binary, octal and hexadecimal representations. Using functional components and state management, this program enables users to input a number and perform a range of calculations and conversions. It showcases the integer significant digits and decimal places for rounding, and also word representation. This program is implemented using JSX which helps to take input values and show the output values for different features....
Password manager using React js provides a secure and user-friendly environment for users to store and manage their credentials. It offers convenient features like adding, editing, and deleting password entries. The user can show/hide their password by clicking on a particular button....
Event Countdown Timer is an application where you can create an event with the name, date, and category of the event and it will create a card that will show you the remaining time of the event. After reaching that time of the day it will notify you....
